$('body').on('change', 'input[id^=quantity]', function() {
    var itemId = $(this).attr('name'); // 获取商品ID
    var quantity = $(this).val(); // 获取新的数量
    var action = 'update';
    console.log("监听器触发");
    updateCart(itemId, action, quantity); // 传递正确的参数
});

$('body').on('click', 'a[id^=removeButton]', function(e) {
    e.preventDefault(); // 阻止默认行为
    var itemId = $(this).attr('name'); // 获取商品ID
    var action = 'remove';
    console.log("监听器触发");
    updateCart(itemId, action, 0); // 传递正确的参数
});

function updateCart(itemId, action, quantity) {
    // 发送AJAX请求以更新购物车
    $.ajax({
        url: 'http://localhost:8080/csu_javaweb_group_assignment_war_exploded/cartJQuery', // 你的servlet路径
        type: 'GET', // 通常更新操作使用POST请求
        data: {
            'itemId': itemId,
            'action': action,
            'quantity': quantity
        },
        dataType: 'json', // 期望返回的数据类型
        success: function(response) {
            // 处理返回的JSON数据(JQuery自动转换为JSON数据)
            if (response.success) {
                // 更新页面元素，例如更新数量或删除行
                if (action === 'update') {
                    let selector='#totalCost_'+itemId;
                    // 更新单个商品的总成本
                    $(selector).text(response.totalCost);
                    // 更新小计
                    $('#subTotal').text("subTotal"+response.subTotal);
                } else if (action === 'remove') {
                    let selector='#cartCol_'+itemId;
                    $(selector).remove();
                    $('#subTotal').text("subTotal: "+response.subTotal);
                }
            }
        },
        error: function(xhr, status, error) {
            console.error("更新购物车失败: " + error);
        }
    });
}